<!doctype html>
<html class="no-js" lang="">

<head>
  <meta charset="utf-8">
  <title>桂林城市大脑</title>


  <link rel="stylesheet" href="/css/main.css">
  <style>
      body{
        overflow: auto;
        margin: 0px;
      }
      #title_top{
        width: 200px;
        font-size: 31px;
        background-image:
        -webkit-gradient( linear, left top, right top, color-stop(0, #4e61ff),
        color-stop(0.15, #4ca1ff),
        color-stop(0.3, #4abcff),
        color-stop(0.45, #8bd0ff),
        color-stop(0.6, #8fbbff),
        color-stop(0.75, #719cff),
        color-stop(0.9, #4c8bff),
        color-stop(1, #3da0ff) );
        color: transparent;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        -ms-background-clip: text;
        position: absolute;
        left: 860px;
        top: 10px;
      }
      .list_btn{
        background-color:transparent;
        border: none;
        outline: none;
        color: #bee1ff;
        width: 150px;
        font-size: 26px;
      }
      #clock{
        color: #bee1ff;
        font: bold 16pt sans;
        padding: 0px;
        border: solid black 2px;
        border-radius: 10px;
        border: none;
      }
      #loading {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.7);
          z-index: 15000;
      }

      #loading img {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 80px;
          height: 80px;
          margin-top: -15px;
          margin-left: -15px;
      }
      button {
          width: 60px;
          height: 40px;
      }
  </style>
</head>

<body on>

  <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  <script src="/js/main.js"></script>
  <script src="https://www.google-analytics.com/analytics.js" async></script>
  <div style="width: 1920px;height: 1080px;background-image: url('../images/index/background.png')">
    <div id="title_top"><strong>桂林城市大脑</strong></div>
    <span id="clock" style="position: absolute;left: 1640px;top: 10px;"></span>
      <div id="list_left">
          <div>
              <button class="list_btn" id="goGv" style="width: 150px;position: absolute;left: 215px;top: 225px;"><strong>政务服务</strong></button>
              <img src="../images/index/zhengwu.png" style="position: absolute;left: 428px;top: 225px;">
          </div>
          <div>
              <button class="list_btn" id="goGz"  style="width: 180px;position: absolute;left: 225px;top: 375px;"><strong>综合信息系统</strong></button>
              <img src="../images/index/zonghe.png" style="position: absolute;left: 469px;top: 375px;">
          </div>
          <div>
              <button class="list_btn" id="goTourist" style="width: 180px;position: absolute;left: 265px;top: 525px;"><strong>文化旅游</strong></button>
              <img src="../images/index/yingyong.png" style="position: absolute;left: 516px;top: 525px;">
          </div>
          <div>
              <button class="list_btn" style="width: 180px;position: absolute;left: 315px;top: 675px;"><strong>国土地理信息</strong></button>
              <img src="../images/index/guotu.png" style="position: absolute;left: 560px;top: 675px;">
          </div>
      </div>
      <div id="list_right">
          <div>
              <button class="list_btn" id="goWater" style="width: 180px;position: absolute;left: 1540px;top: 225px;"><strong>水利山洪预警</strong></button>
              <img src="../images/index/shuili.png" style="position: absolute;left: 1429px;top: 225px;">
          </div>
          <div>
              <button class="list_btn" id="goCityManager" style="width: 150px;position: absolute;left: 1510px;top: 375px;"><strong>数字城管</strong></button>
              <img src="../images/index/chengguan.png" style="position: absolute;left: 1397px;top: 375px;">
          </div>
          <div>
              <button id="goProduction" class="list_btn" style="position: absolute;left: 1490px;top: 525px;"><strong>产融平台</strong></button>
              <img src="../images/index/fupin.png" style="position: absolute;left: 1345px;top: 525px;">
          </div>
          <div>
              <button class="list_btn" style="width: 150px;position: absolute;left: 1450px;top: 675px;"><strong>雪亮工程</strong></button>
              <img src="../images/index/gongan.png" style="position: absolute;left: 1299px;top: 675px;">
          </div>
      </div>
  </div>



</body>
  <script type="text/javascript">
      function displayTime(){
          var elt = document.getElementById("clock");
          var now = new Date();
          elt.innerHTML  = now.toLocaleDateString()+"  "+now.toLocaleTimeString();
          setTimeout(displayTime,1000);
      }
      window.onload = displayTime;

      window.addEventListener('DOMContentLoaded', function(){
          document.getElementById('goGz').onclick = function () {
              alert("1");
        var zWin= window.open('http://59.211.56.135:8082');
            zWin.onload=function(){
                  if (zWin.document.getElementById('username')) {
                     zWin.document.getElementById('username').value='guilin002';
                     zWin.document.getElementById('password').value='gl123456';
                      zWin.document.getElementById('submithref').click();

                  }
              };

      };
          document.getElementById('goGv').onclick = function () {
              alert("1");
              var zWin= window.open('http://zwfw.guilin.gov.cn/ApprDataDisplay/#/Navigation');
              zWin.onload=function(){
                  if (zWin.document.getElementById('USER_CODE')) {
                      zWin.document.getElementById('USER_CODE').value='dhz_admin';
                      zWin.document.getElementById('USER_PASSWORDS').value='dhzadmin';
                      zWin.document.getElementById('btnLogin').click();

                  }
              };

      }
      });
</script>
</html>
